﻿
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="en" />	
<meta name="robots" content="all" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<title>Vamsi Krishna's Online Portfolio</title>
<meta name="video_type" content="application/x-shockwave-flash" />
<link rel="shortcut icon" href="https://lh5.googleusercontent.com/-P_GZmj_PTvw/UA0tvKxvosI/AAAAAAAAAC4/3EyfGHXAlxQ/s32/icon-v.png"> 
<link rel="stylesheet" href="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/Vamsi Website/style.css" type="text/css" />
<link rel="stylesheet" href="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/Vamsi Website/reset.css" type="text/css" />
<link rel="stylesheet" href="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/Vamsi Website/shadowbox.css" type="text/css" />
<script type="text/javascript" src="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/Vamsi Website/jquery.js"></script>
<script type="text/javascript" src="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/Vamsi Website/shadowbox.js"></script>
<script type="text/JavaScript">
var curIndex = 1;
var curTimer = 0;
function moveNext() {
	curIndex++;
	if(curIndex > 5) {
		curIndex = 1;
	}
	var integer = curIndex;
	$('#myslide .cover').animate({left:-976*(parseInt(integer)-1)})  /* ----- Width of div mystuff (here 160) ------ */
	$('#button a').each(function(){
		$(this).removeClass('active');
		if($(this).hasClass('button'+integer)){
			$(this).addClass('active')
		}
	});
}

$(document).ready(function (){
	$('#button a').click(function(){
		var integer = $(this).attr('rel');
		curIndex = integer;
		clearInterval(curTimer);
		$('#myslide .cover').animate({left:-976*(parseInt(integer)-1)})  /*----- Width of div mystuff (here 160) ------ */
		$('#button a').each(function(){
			$(this).removeClass('active');
			if($(this).hasClass('button'+integer)){
				$(this).addClass('active')
			}
		});
	});	
	
	curTimer = setInterval("moveNext()", 5000);
	
	
	Shadowbox.init({
        language: "en",
        overlayColor: '#000',
        overlayOpacity: 0.7,
        players: ["iframe"],
        skipSetup: true,
        handleOversize:'drag',
        initialHeight: 300,
        initialWidth: 400
    });			
});
</script>
</head>
<body>
<div id="wrapper">
  <!-- top start nav -->
    <div class="top_nav">
    <div class="navigation">
      <h1> <a href="http://www.pixpa.com/">Vamsi Websites</a></h1>
      <div class="navig">
        <ul>
          <li><a href="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/Vamsi%20Website/index.html">HOME</a></li>
	  <li><a href="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/Vamsi Website/gallery/index.html">GALLERY</a></li>
	  <li><a href="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/Vamsi%20Website/getting-ready/index.html">BLOG</a></li>
          <li><a href="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/Vamsi%20Website/getting-ready/index.html">DESIGNERS</a></li>        
          <li><a href="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/Vamsi%20Website/getting-ready/index.html">CONTACT US</a></li>	
        </ul>
      </div>
    </div>
  </div>
  <!-- end -->
  <!-- banner area -->
  <div id="header">
    <div class="wrap">
      <div id="slide-holder">
        <div id="slide-runner">
          <div id="myslide">
            <div class="cover">
              <div class="mystuff">
                <div class="sliderleft"><h1>Showcase your portfolio </h1></div>
                <div class="sliderright"><img src="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/images/home-banner-1-ind1.jpg" alt="Showcase your portfolio online with style and simplicity" /> </div>
              </div>
              <div class="mystuff">
                <div class="sliderleft"><h3>Over 100 beautifully Captured Pics</h3></div>
                <div class="sliderright_design"><img src="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/images/home-banner-2.jpg" alt="Beautiful crafted designs for portfolios" /> </div>
              </div>
              <div class="mystuff">
                <div class="sliderleft"><h4>Make your site alive with videos</h4></div>
                <div class="sliderright"><img src="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/images/home-banner-3.jpg" alt="HD Videos enables portfolio website" /> </div>
              </div>
              <div class="mystuff">
                <div class="sliderleft"><h5>Go to your audience</h5></div>
                <div class="sliderright"><img src="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/images/home-banner-4a.jpg" alt="Embeddable slideshow on social media" /> </div>
              </div>
              <div class="mystuff">
                <div class="sliderleft"><h2>We bond well with search engines</h2></div>
                <div class="sliderright"><img src="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/images/home-banner-5.jpg" alt="Search engine friendly portfolio websites" /> </div>
              </div>
            </div>
            <!-- end of div cover -->
            <div id="button"> <a class="button1 active" rel="1" href="javascript:void(0);"></a> <a class="button2" rel="2" href="javascript:void(0);"></a> <a class="button3" rel="3" href="javascript:void(0);"></a> <a class="button4" rel="4" href="javascript:void(0);"></a> <a class="button5" rel="5" href="javascript:void(0);"></a> </div>
          </div>
        </div>
        <!-- content featured gallery here -->
      </div>
    </div>
  </div>

<!-- end main cont -->
<div class="footer">
  <div class="start">		
    	<h5>Suggestions! Call us at +91-9502021102 or <br/>
      Email us at <a href="mailto:wdesingers12@gmail.com">Webdesigners</a></h5>
</div>
<div align="right">
<h1 align="right" align="bottom">Connect With Me</h1> 
<p class="pdngB30" align="right" >  
<a href="http://www.facebook.com/avamsi" target="_blank"> <img src="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/Vamsi Website/icon-facebook.png" alt="Facebook icon"/></a>
<a href="https://twitter.com/vamsi8" target="_blank"> <img  src="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/Vamsi Website/icon-twitter.png" alt=" Twitter icon" /></a>
<a href="http://www.skype.com/intl/en/home"  target="_blank"> <img  src="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/Vamsi Website//icon-skype.png" alt="Call us on Skype" /></a>
<a href="http://www.linkedin.com/" target="_blank"><img src="http://www.drivehq.com/file/df.aspx/publish/wdesigners12/Vamsi Website/icon-linkedin.png" alt="Linkedin" width="24" height="24" /></a><br/>
All Content on this website are copyright of Vamsi Krishna. <br /> © 2012 Vamsi Inc.</p>
</div>
</div>